<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<!-- <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" /> -->
		<meta charset="utf-8">
		<link rel="stylesheet" href="../lib/css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/base.css">
		<link rel="stylesheet" href="../css/myInteragal.css">
	</head>
	<body>
		<!-- 顶部 -->
		<div class="titleTea">
			<a href="myself.html">
				<span class="glyphicon glyphicon-menu-left"></span>
			</a>
			<h3>我的积分</h3>
		</div>
		<!-- 积分主体 -->
		<div class="container">
			<div class="integral">
				<div class="currentI">
					<span>当前积分555</span>
				</div>				
			</div>
			<!-- 抽奖 -->
			<div class="raffle ac">
				<img src="../image/integral/backcount.png" >
				<input type="button" value="抽奖" class="raffleBtn">
			</div>
			<div class="areYouSure">
				<div class="headS">
					确定使用积分抽奖？
				</div>
				<div class="footS">
					<button class="sureS" data-toggle="modal" data-target=".bs-example-modal-sm">确定</button>
					<button class="cancel">取消</button>
				</div>
			</div>
			<!-- 抽奖模态框 -->
			<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
				<div class="modal-dialog modal-sm" role="document" aria-hidden="true">
					<div class="modal-content"  data-dismiss="modal">
					<img src="" alt="">
					</div>
				</div>
			</div>
			<!-- 积分不足 -->
			<div class="not">
				<p>亲,你的积分不足!</p>
			</div>
			<!-- 奖品信息 -->
			<div class="prize">
				<!-- Nav tabs -->
				<ul class="nav nav-tabs myNav" role="tablist">
					<li role="presentation" class="active navR"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">积分明细</a></li>
					
					<li role="presentation" class="navP"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">奖品明细</a></li>
					
				</ul>
				<!-- Tab panes -->
				<div class="tab-content myTabCon">
					<!-- 积分明细列表 -->
					<div role="tabpanel" class="tab-pane active tab-paneR" id="home">
					
					</div>
					<!-- 奖品明细列表 -->
					<div role="tabpanel" class="tab-pane tab-paneP" id="profile">
						<div class="voucher">
							<p><i>5</i>元抵用券</p>
							<span>全场通用</span>
							<p class="validTime">有效期：<em>2017-04-05</em></p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 底部导航 -->
		<div class="teaNav container-fluid">
			<div class="row">
				<div class="home col-xs-4">
					<a href="../index.html"><span class="glyphicon glyphicon-home"></span><span>首页</span></a>
				</div>
				<div class="car col-xs-4">
					<a href="shop_car.html"><span class="glyphicon glyphicon-shopping-cart"></span>
					<span>购物车</span>
				</a>
			</div>
			<div class="myself col-xs-4">
				<a href="myself.html"><span class="glyphicon glyphicon-user"></span><span>我的</span></a>
			</div>
		</div>
	</div>
</body>
<script src="../lib/js/jquery.min.js"></script>
<script src="../lib/js/bootstrap.min.js"></script>
<script src="../script/rem.js"></script>
<script src="../script/myIntegral.js"></script>
</html>
<!-- 2 3 5 10 50  -->